进化树美化 -- web -- Evolview

Evolview:Home

本地部署

Fetching Title#v5pj

1.1Tomcat

下载

Apache Tomcat® - Welcome!下载7.0版本
解压复制到目标路径

系统变量及安装服务

新增系统变量“CATALINA_BASE”，值为“C:\Program Files\apache-tomcat-7.0.109”
新增“CATALINA_HOME”，“C:\Program Files\apache-tomcat-7.0.109”
新增JAVA_HOME D:\Program Files\Java\jdk-17.0.1
path新增 %CATALINA_HOME%\bin %CATALINA_HOME%\lib

进入tomcat下的bin目录（本人电脑的路径为C:\Program Files\apache-tomcat-7.0.109\bin），
service运行命令：service.bat install
service卸载命令：service.bat remove

启动

修改C:\Program Files\apache-tomcat-7.0.109\conf\logging.properties中java.util.logging.ConsoleHandler.encoding = GBK；本来是UTF-8
方法一：在tomcat解压路径下的bin文件夹内双击打开"tomcat7w.exe"，在打开的软件界面点击“Start”即可。（不好使）
方法二：命令行输入startup启动，关闭需要双击"shutdown.bat"
打开http://127.0.0.1:8080/

1.2mysql

1.2.1 下载

MySQL Community Downloads下载windows版
自定义安装server 5.7.9以及connector/j 5.1.37

1.2.2 环境变量及配置修改

MYSQL_HOME C:\Program Files\MySQL\MySQL Server 5.7
path新增 %MYSQL_HOME%\bin

文本方式打开C:\ProgramData\MySQL\MySQL Server 5.7\my.ini，在mysqld一项，添加配置项default-time_zone='+8:00'，保存
计算机管理-服务-重启mysql

1.2.3 启动

管理员模式命令行启动net start mysql
链接数据库 mysql -uroot -proot # 直接输入账密

1.2.4 mysql创建数据库和用户

## run this in mysql
create database eviewer_ver1;
use eviewer_ver1;

## -- for linux / mac users
# source /path/to/eviewer_ver1.schema.sql

## -- for windows users
source E:\local_web\Evolview3\eviewer_ver1.schema.sql

##-- create a new user 'evuser', set password to 'evuserpass'
## -- you may need root privileges to do it
create user `evuser`@`localhost` identified by 'evuserpass';
grant all on eviewer_ver1.* to `evuser`@`localhost`;

1.3 启动网站

将E:\local_web\Evolview3\evolview.war复制到C:\Program Files\apache-tomcat-7.0.109\webapps
稍等片刻，打开 http://localhost:8080/evolview/#login

使用

见E:\OneDrive\jshy信息部\Script\绘图cfg\进化树evolview绘图

效果

image.png

一.美化教程

1.1 字体颜色

Leaf color - Evolview documentation

1.2 分组标签

Group label - Evolview documentation

1.2.1 格式说明

数据

“数据”部分的每一行通常由两部分组成，由TAB分隔。
第一部分定义了组标签的放置位置，它可以是：

  • 两个叶子标签的名称，用“，”分隔
  • 叶标签的名称。
    第二部分指定了此标签的“标签”（必填）和可选设置，例如字体颜色、大小。
    见下图：

1.2.2 示例

(chicken,((mouse,rat),(chimp,human)));
样式1

!grouplabel    color=pink,fontsize=14,fontcolor=black,linewidth=2
chicken    text=cute by itself,fontcolor=red,linewidth=4
mouse,rat    text=rodent,linecolor=darkgrey,fontcolor=purple,linestyle=dashed
chimp,human    text=mammal,color=darkgreen,textorientation=vertical,linewidth=4,fontsize=16
样式2

!grouplabel    style=2,color=pink,show=1,marginPCT=0.05,fontsize=14,fontcolor=white,fontitalic=0,textalign=middle,textorientation=horizontal,linewidth=2
!op    0.8
chicken    bkcolor=#404AC3,text=chicken
mouse,rat    bkcolor=green,text=rodent,fontcolor=darkred
chimp,human    bkcolor=#BE4144,text=mammal,textorientation=vertical,linewidth=4,fontsize=16
样式3

!grouplabel    style=3,color=pink,show=1,marginPCT=0.05,fontsize=14,fontcolor=white,fontitalic=0,textalign=middle,textorientation=horizontal,linewidth=2
!op    0.8
chicken    bkcolor=#404AC3,text=chicken
mouse    bkcolor=green,text=rodent,fontcolor=darkred
rat,human    bkcolor=#BE4144,text=mammal,textorientation=vertical,linewidth=4,fontsize=16
样式4

!grouplabel    style=4,color=pink,show=1,marginPCT=0.05,fontsize=14,fontcolor=white,fontitalic=0,textalign=middle,textorientation=horizontal,linewidth=2
!op    0.8
chicken    bkcolor=#404AC3,text=chicken
mouse    bkcolor=green,text=rodent,fontcolor=darkred
rat,human    bkcolor=#BE4144,text=mammal,textorientation=vertical,linewidth=4,fontsize=16